@import "variables.scss";
@import "../../../common/css/size.scss";
@import "variables.scss";
.app-body{
  background: #fff;
}
.m-container{
  width: 100%;
  height: 100%;
  background: $cbMainf5;
  position: absolute;
  left: 0;
  top: 0;
}

.headPic {
  border: $_1 solid $borderC;
}

.borderB{
  border-bottom:$_1 solid $borderC ;
}

.borderN{
  border:none;
}

/*文案页面以下*/
.introTitle{
  height:  $_45;
  //line-height: $_50;
  //width:  calc(100% - 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  padding: 0 $_20;
  font-size: $_14;
  background: #fff;
  //text-align: center;
  box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50) ;
}
/*文案页面以上*/

/*文字...缩略*/
.over-hide {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*标题前端展示两行文字，超出的以省略号表示。*/
.over-hide2{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*下滑加载更多触发器*/
.thend {
  //width: $_600;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #929498;
  i {
    color: $cMain;
  }
}
.thend {
  //width: 50%;
  width: 100%;
  display: inline-table;
  //visibility: visible;
}
.thend.visibhide {
  visibility: hidden;
}
/*input框 光标示意*/
.focusIcon{
  height: $_14;
  border-left:$_2 solid $cMain;
}

/*tag标签*/
.tag2{

}

/*错误提示样式*/
.has-error{
  color: red;
  border:$_1 solid red;
  padding: $_3 $_10;
}

/*底部大bottom*/

.sum{
  width: 100%;
  height:$_45;
  left: 0;
  position: absolute;
  bottom: $_1
}

/*选中样式 可为通用*/
.checkit{
  background: url("../img/common/icon_choose.png") no-repeat $_10 center;
  background-size: $_18 $_18;
  //padding:0.8rem ;
}
.checkit.active{
  background: url("../img/common/icon_choosed.png") no-repeat $_10 center;
  background-size: $_18 $_18;
  //padding:0.8rem ;
}
.agree{
  background: url("../img/common/icon_choose.png") no-repeat $_5 center;
  background-size: $_16 $_16;
}
.agree.active{
  background: url("../img/user/btn_agree.png") no-repeat $_5 center;
  background-size: $_16 $_16;
  //padding:0.8rem ;
}


/*图片尺寸*/
.pic60{
  width: $_60;
  height: $_60;
}
.pic40{
  width: $_40;
  height: $_40;
}

/*暂无数据*/
.nodata{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: $cMain;
  font-size: $_14;
  position: absolute;
}
.nodatamini{
  position: relative !important;
  height: $_40;
}
/*loading状态*/
.icon-spinner{
  color: $cMain;
}

.boxShadow{
  box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
}
.border{
  border-left: $_1 solid #E7E7E7;
}
/*picker*/
.picker .picker-footer{
  height: 0!important;
}
.picker .picker-panel{
  height: $_212 !important;
}
.picker .picker-panel .picker-choose{
  margin-top: -$_10;
  height: $_40 !important;
}
.picker-content{
  
  background: #f0f0f0;
}
.picker .picker-panel .wheel-wrapper .wheel{
  height: $_172!important;
}
.picker .picker-panel .picker-choose .confirm{
  color: $cMain !important;
}
.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll{
  margin-top:$_68 !important;
  line-height: $_36 !important;
}
.picker .picker-panel .picker-content .mask-top{
  opacity: 0.4;
  height: $_68  !important; 
  background: linear-gradient(to bottom,#fff,#f0f0f0);
  // border-bottom: $_1 solid #d7d8d8;
}
.picker .picker-panel .picker-content .mask-bottom{
  opacity: 0.4;
   height: $_68  !important;
  background: linear-gradient(to top,#fff,#f0f0f0);
  border-bottom: $_1 solid #d7d8d8;
}
.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item{
  height: $_36 !important;
  transform: rotateX(0deg) !important;
}